<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<link rel="stylesheet" href="css/flora/flora.all.css" type="text/css" media="screen" title="Flora (Default)">
<link rel="stylesheet" href="css/slider.mod.css" type="text/css" media="screen" title="Scheduler">
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/plugins/jquery.dimensions.js"></script>
<script type="text/javascript" src="js/ui/ui.mouse.js"></script>
<script type="text/javascript" src="js/ui/ui.resizable.js"></script>
<!-- <script type="text/javascript" src="js/ui/ui.slider.js"></script> -->
<title>Slider module</title>
</head>
<body>
<div id="slider" class="ui-wrapper" style="height:100px;">
    <div class="ui-resizable-w ui-resizable-handle"></div>
    <div class="ui-resizable-e ui-resizable-handle"></div>
    hihi
    
</div>

<script type="text/javascript">
$("#slider").resizable( {handles:{w:".ui-resizable-w",e:".ui-resizable-e"} } );
</script>
</body>
</html>